<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>商户开户信息管理</title>

    <link href="../plugin/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-table-1.11.1/bootstrap-table.min.css" rel="stylesheet"/>
    <link href="../plugin/sweetalert-6.6.2/sweetalert2.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-3.3.7/plugin/file_input/fileinput.min.css" rel="stylesheet"/>
    <link href="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet"/>

    <script src="../plugin/jquery-3.2.1/jquery-3.2.1.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/js/bootstrap.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/file_input/fileinput.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/file_input/local_zh.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.min.js"></script>
    <script src="../plugin/bootstrap-3.3.7/plugin/datatimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="../plugin/bootstrap-table-1.11.1/bootstrap-table.min.js"></script>
    <script src="../plugin/bootstrap-table-1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
    <script src="../plugin/sweetalert-6.6.2/sweetalert2.min.js"></script>
    <script src="../plugin/jquery-3.2.1/jquery.formautofill.min.js"></script>
    <script src="../plugin/soul/utils2.js"></script>
    <script src='../js/base.js'></script>
</head>

<body>
<script>
    $(function () {
        var module = 'bank';
        // 查询区配置
        var query = [{
            id: 'merchantId',
            type: 'text',
            name: '商户Id',
            palceholder: ''
        }, {
            id: 'merchantName',
            type: 'text',
            name: '商户名称',
            palceholder: ''
        }];
        // 工具条配置
        var toolbar = {
            default: [true, true, true, true],// back;add;edit;remove
            dialog: [50, 2, 9],//对话框参数:模态框宽度(百分比);表单标题宽度;表单输入框宽度
            extra: [{
                name: '启用/暂停',
                glyphicon: 'retweet',
                onclick: 'reverseStatus', // 此处只定义方法名,不定义方法,方法写在对象外部
            }, {
                name: '门店信息',
                glyphicon: 'copyright-mark',
                onclick: 'showStore',
            }]
        };
        // 表单内容配置
        var formElement = [{
            action: [true, true],
            id: 'bankId', // 表单Id,可以为空
            type: 'hidden', // 表单类型
            label: '', // 输入标题
            name: 'name', // 字段名称
            value: 'zhizhi', // 默认的值
        }, {
            action: [true, true],
            id: 'name', // 表单Id,可以为空
            type: 'text', // 表单类型
            label: '姓名', // 输入标题
            name: 'name', // 字段名称
            value: 'zhizhi', // 默认的值
        }, {
            action: [true, true],
            id: 'sex',
            type: 'select',
            label: '账户类型',
            name: 'bankType',
            items: [{
                name: '直营商户',
                value: '1'
            }, {
                name: '加盟商户',
                value: '2'
            }]
        }];
        // 表格区配置(bootstrapTable的相关配置)
        var bootstrapTable = {
            url: '',
            columns: [{
                radio: true
            }, {
                field: 'bankId',
                title: '账户Id',
                align: 'center',
                edit_form: {
                    type: 'hidden',
                }
            }, {
                field: 'name',
                title: '账户名称',
                align: 'center',
                add_form: {
                    type: 'text',
                },
                edit_form: {
                    type: 'text',
                }
            }]
        }

        bank = SingleTablePageCreateUtil.createInstance(module, query, toolbar, formElement, bootstrapTable); // 初始化完成

        // $('#bank_add_expriryTo').datetimepicker({language: 'zh-CN', format: 'yyyy-mm-dd', minView: 2, autoclose: true});
    });
</script>
</body>

</html>